<template>
  <div>
    <v-card title="地图 + 涟漪散点图">
      <vcu-chart-geo
        :data="chartData"
        :settings="chartSettings"
        :legend-visible="false"
      />
    </v-card>
  </div>
</template>

<script>
const randomData = () => {
  return Math.round(Math.random() * 1000);
};
export default {
  data() {
    return {
      chartData: {
        measures: [
          {
            name: "iPhone XR",
            data: [
              { name: "北京市", value: randomData() },
              { name: "鄂尔多斯", value: randomData() },
              { name: "天津市", value: randomData() },
              { name: "重庆市", value: randomData() },
              { name: "齐齐哈尔", value: randomData() },
              { name: "桂林", value: randomData() },
              { name: "赤峰", value: randomData() },
              { name: "青岛", value: randomData() },
              { name: "乳山", value: randomData() },
              { name: "泉州", value: randomData() },
              { name: "文登", value: randomData() },
              { name: "烟台", value: randomData() },
              { name: "长沙", value: randomData() },
              { name: "阳泉", value: randomData() },
              { name: "贵阳", value: randomData() },
              { name: "威海", value: randomData() },
              { name: "宿迁", value: randomData() },
              { name: "珠海", value: randomData() },
              { name: "海口", value: randomData() },
              { name: "佛山", value: randomData() },
              { name: "广州", value: randomData() },
              { name: "乌鲁木齐", value: randomData() },
              { name: "葫芦岛", value: randomData() },
              { name: "连云港", value: randomData() },
              { name: "昆明", value: randomData() },
              { name: "大理", value: randomData() },
              { name: "丽江", value: randomData() },
              { name: "成都", value: randomData() },
              { name: "乐山", value: randomData() },
              { name: "宁波", value: randomData() },
              { name: "杭州", value: randomData() },
              { name: "深圳", value: randomData() },
              { name: "武汉", value: randomData() },
              { name: "洛阳", value: randomData() },
              { name: "太原", value: randomData() },
              { name: "长春", value: randomData() },
              { name: "玉溪", value: randomData() },
            ],
          },
        ],
      },
      chartSettings: {
        mode: "effectScatter",
      },
    };
  },
  methods: {},
  created() {},
};
</script>
<style lang="less" scoped>
</style>
